<template>
    <div class="page">
        <mt-header title="狮粉话语">
            <router-link to="/" slot="left">
                <mt-button @click="handleClose">X</mt-button>
            </router-link>
            <mt-button icon="more" slot="right"></mt-button>
        </mt-header>
        <div class="page-head">
            <p class="tips">以幸福为主题，上传您的用车生活故事或精彩游记。我们精挑会
            玩、能撩、肯写的东风标致408车主，送您成都车展体验之旅。</p>
            <div class='search'><mt-search v-model="value" cancel-text="取消" placeholder="搜索"></mt-search></div>
        </div>
        <div class="page-content">
            <div class="user">
                <img src="../assets/lion.png" alt="">
                <span>风轻云淡</span>
            </div>
            <p class="title">和东风标致4008一起，遇见了多种自己，我想要的还有很多。</p>
            <img class="img" src="../assets/lion.png" alt="">
            <div>
                <div></div>
                <div>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
        <div class="page-content">
            <div class="user">
                <img src="../assets/lion.png" alt="">
                <span>风轻云淡</span>
            </div>
            <p class="title">和东风标致4008一起，遇见了多种自己，我想要的还有很多。</p>
            <img class="img" src="../assets/lion.png" alt="">
            <div>
                <div></div>
                <div>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
        
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" type="text/scss">
$font14: 14px;
$font12: 12px;
$subColor:#a59e9e;

.page {
  font-size: $font14;
  .page-head {
    background-color: #efefef;
    padding: 0 5%;
    .tips {
      padding: 10px 0;
      font-size: 14px;
      color: #525454;
    }
    .search {
      height: 55px;
      padding-bottom: 10px;
    }
  }
  .page-content {
    width: 90%;
    margin: 10px auto;
    .user {
      img {
        width: 43px;
        height: 43px;
        vertical-align: baseline;
      }
      span {
        display: inline-block;
        vertical-align: top;
        line-height: 43px;
        margin-left: 5px;
        font-size: $font14;
      }
    }
    .title{
        font-size: $font12;
        color: $subColor;
    }
    .img{
        width: 168px;
        height: 59px;
    }
  }
}
</style>
